<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
<title>FAQs</title>
	<link type="text/css" rel="stylesheet" href="css/dth.css" />
	<script>
		$(document).ready(
				function() {
					$(".rtitle").hover(function() {
						$(this).css("background", "#544198");
					});
					$(".rtitle").mouseleave(function() {
						$(this).css("background", "#FF00FF");
					});
					$('#faqs h3').each(
							function() {
								var tis = $(this), state = false, answer = tis
										.next('div').slideUp();
								tis.click(function() {
									state = !state;
									answer.slideToggle(state);
									tis.toggleClass('active', state);
								});
							});
				});
	</script>
	<style>



#faqs {
	width: 70%;
	min-height: 600px;
	padding: 1%;
	float: left;
	padding-left:250px; 
	background: #ffffff;
}

#faqs h3 {
	cursor: pointer;
}

#faqs h3.active {
	color: #F2981B;
}
.menu5 {
	box-shadow: 6px 11px 10px;
}
</style>

</h:head>

<h:body>

	<ui:insert name="header">
		<ui:include src="/header/header_dth.xhtml" />
	</ui:insert>

	<div class="dth_body_home">
		<ui:insert name="header_banner">
			<ui:include src="/header/header_banner.xhtml" />
		</ui:insert>
		<div class="dth_content">
			<div id="faqs">
				<h1 style="color:orange;">FAQS</h1>
				<br />
				<ui:repeat var="item" value="#{faqBean.listFaq}">
					<h3>
						
						<h:outputText value="#{item.faqTitle}"></h:outputText>
					</h3>
					<div style="display: none;">
						<p>
							
							<h:outputText value="#{item.faqContent}" escape="false"></h:outputText>
						</p>
					</div>
				</ui:repeat>
			</div>
		</div>
	</div>

	<ui:insert name="header">
		<ui:include src="/footer/footer_dth.xhtml" />
	</ui:insert>
</h:body>

</html>